﻿<div class="color-picker">
    <table class="cp">
        <tbody>
            <tr>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #000000;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #993300;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #333300;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #003300;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #003366;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #000080;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #333399;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #333333;"></a></td>
            </tr>
            <tr>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #800000;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FF6600;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #808000;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #008000;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #008080;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #0000FF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #666699;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #808080;"></a></td>
            </tr>
            <tr>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FF0000;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FF9900;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #99CC00;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #339966;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #33CCCC;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #3366FF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #800080;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #999999;"></a></td>
            </tr>
            <tr>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FF00FF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FFCC00;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FFFF00;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #00FF00;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #00FFFF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #00CCFF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #993366;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #C0C0C0;"></a></td>
            </tr>
            <tr>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FF99CC;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FFCC99;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FFFF99;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #CCFFCC;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #CCFFFF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #99CCFF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #CC99FF;"></a></td>
                <td class="cp-td"><a href="javascript:void(0);" style="background-color: #FFFFFF;"></a></td>                
            </tr>
            <tr>
                <td class="cp-more" colspan="8"><a href="javascript:void(0);">More colors...</a></td>
            </tr>
        </tbody>
    </table>
</div>